<script type="text/javascript">
    var searchUrl = "<?php echo site_url("social/search/"); ?>";
</script>

<div class="rounded">
    <div class="row">
        <div class="span3 rounded" style="border:1px solid #ccc; height: 572px">
            <div id="connections" class="row heightAndScroll">
                <?php
                $i = 0;
               
                foreach ($friends as $u) {
                    if ($u->id != $user->id) {
                        ?>
                        <div class="span1" style=" height: 60px; width:59px">
                            <a href="javascript:loadChatWith('<?php echo $u->id; ?>');">
                                <div style="position: relative; width:100%">
                                    <img id="divUser<?php echo $u->id; ?>" style="position:absolute; top: 5px; right: 5px;" src="<?php echo css_url("chat/with") . "../pht/" . $u->tof; ?>"  />
                                    <img class="<?php echo "statut" . $u->id; ?>" title="<?php echo $u->statut; ?>" style=" top: 5px; right: 5px; position:absolute; width: 9px; height:9px; margin-left:41px; z-index: 1000;" src="<?php echo img_url() . $u->statut . ".png"; ?>" />
                                </div>
                            </a>
                          
                        </div>
                        <?php
                    }
                }
                ?>
            </div>
        </div>
    </div>
</div>
